@charset "utf-8";
* {font-style:normal;font-weight:normal;margin:0px;padding:0px; border:0; line-height: 1;}
p, h1, h2, h3, div, ul, li {display:block;}
dl,dd,dt{ margin:0; padding:0;}
body{width: 100%; overflow-x: hidden; color:#333;font-family:'Microsoft YaHei',Arial, Helvetica, sans-serif; }
a {text-decoration:none;}
ul {list-style:none;}
p {list-style:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="date"],input[type="tel"],input[type="datetime"],input[type="month"],input[type="text"],textarea,button{-webkit-appearance: none;-webkit-appearance: none;outline:none;font-family:'Microsoft YaHei';}
select{ border: none; background: none ;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {box-shadow:0 0 0 160px #fff inset; -webkit-text-fill-color: #333;}
.paig{ height:auto;overflow:hidden; }
.paig1 > *{ height:auto;overflow:hidden; }
.abs{ position:absolute;}
 input,textarea,select,a:focus {outline: none;}
.fix{ position:fixed;}
.rel{ position:relative;}
.fl{ float:left;}
.fr{ float:right;}
.display{ display:block;}
.auto{ height:auto; overflow:hidden;}
.mar{ margin:auto;}
.clear{ clear:both;}
.img100{ width:100%; clear: both; display: block; height:auto; overflow:hidden;}
.none{display: none;}


/*mobile*/
@media (max-width: 1200px) {
p{ font-size: .8rem; line-height: 1.3rem;}
a{ font-size: .8rem;; color: #333;}
h1{ font-size: 1.3rem; line-height: 1.5rem;}
h2{ font-size: 1.1rem; line-height: 1.3rem; padding: 0;}
h3{ font-size: 1.1rem; line-height: 1.3rem;}
h4{ font-size: 1.1rem; line-height: 1.3rem;}
h5{ font-size: 1rem; line-height: 1.3rem;}
.ptxt{ font-size: .8rem; line-height: 1.4rem; color: #666;}
.monone{ display: none !important;}
.hid{display: none;}



.header_main li{border-bottom: solid 2px rgba(255,255,255,0.2); position: relative; width: 100%; clear: both;}
.header_main ul{ padding:1.2rem 0;}
.header_main{ display: none; position: fixed; height: 100%; z-index: 999; left: 0; background: #005ec4; top: 3.5rem; width: 100%;}
.header_onenav{color: #fff; display: block;text-indent: 1.2rem; width: 50%; line-height: 4rem; font-weight: 700; height: 4rem; font-size: .8rem; float: left;}
.header_r{ width:100%; display: none;}
.header_li{ height: auto; overflow: hidden; padding: 0; }
.navhide{ clear: both; border-top: solid 1px #666; display: none; z-index: 500; padding:0; width: 100%;background: #1677e0;}
.navhide a{transition: all .6s; display: block; clear: both; font-size: 0.9rem; width: 50%;color: #fff; text-align: left;}
.navclose {display: block;position: absolute;right: 4%;top: 2.2rem;transform: translateY(-50%);z-index: 201;width: 36px;height: 26px;}
.navclose i {position: absolute;display: block;right: 0;top: 50%;margin-top: -2px;width: 100%;height: 4px;background: #2f3d5a;opacity: 1;transition: .4s;}
.navclose::before {top: 0;transform-origin: 50% 50% 0;}
.navclose::after {bottom: 0;transform-origin: 50% 50% 0;}
.navclose::before, .navclose::after { content: '';position: absolute;left: 0;width: 100%;height: 4px;-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;transition: .6s;background: #2f3d5a;}
body.on .navclose i {opacity: 0;width: 0;}
body.on .navclose::before {top: 50%; transform: translateY(-50%) rotate(-135deg);}
body.on .navclose::after {bottom: auto;top: 50%;transform: translateY(-50%) rotate(135deg);}
.header{ z-index: 155; width: 100%; height: 3.5rem; padding: 0; position: fixed; top: 0; left: 0; background: #fff;}
.header_logo{ width: 55%; height: auto; padding: 1.2rem 0 0 1rem; display: block; float: left;}
.header_logo img{ width: 100%;}
.header_logo span{ display: none;}
.header_moico{transition: all 0.2s ease-in-out; position: absolute; right: 0; top: 0; font-size: .8rem; height: 4rem; line-height: 4rem; text-align: center; width: 3rem; color: #fff; display: block;}
.navhdd2{ position: relative; clear: both; height: auto; overflow: hidden;width: 100%;}
.navhdd_a1{ text-indent: 1.8rem; height: 3rem; line-height: 3rem;}
.navhdd2 dl{ display: none; background: #3893f6;}
.navhdd2 dl dd{ width: 100%; height: 3rem;}
.navhdd2 dl a{text-indent: 3rem;  width: 50%; display: block; height: 3rem; line-height: 3rem;}
.header_mo2{transition: all 0.2s ease-in-out; position: absolute; right: 0; top: 0; font-size: .7rem; height: 3rem; line-height: 3rem;text-align: center; width: 3rem; color: #fff; display: block;}
.header_rtt{transform: rotate(90deg) !important;}



.topH{ width: 100%; height: 3.5rem;}
.mobile-inner-nav a {
	
	animation-duration: 0.4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: ReturnToNormal;
	animation-name: ReturnToNormal;
}

@-webkit-keyframes ReturnToNormal {
	100% {
		-webkit-transform: translateX(0%) rotate(0deg);
		transform: translateX(0%) rotate(0deg);
	}
}


.banner{z-index: 2;  position: relative; width: 100%; height: auto; overflow: hidden;}

.footer{ padding: 50px 0;
    color: #fff;
    line-height: 26px;
    background: url(../images/footer.jpg) no-repeat center center;
    background-size: cover;
	}
.footer_2{ width: 100%; text-align: center;}
.footer_3{ padding: .5rem 0 0 0; width: 100%; text-align: center;}
.footer_4{ width: 100%; text-align: center;}
/* .footer_3 dl{ padding: 0 0 5px 0; height: 22px;}
.footer_3 dl dt{ width: 22px; height: 22px; float: left;}
.footer_3 dl dd{ padding: 0 0 0 20px; width: 178px; float: left; line-height: 22px; color: #fff;} */
.footer_3 dl dt{ height: 30px; line-height: 30px;}
.footer_3 dl dt img{ vertical-align: middle;}
.footer_3 dl dd{ height: 30px; line-height: 30px;} 
.footer_2 a{ font-size: 22px; font-weight: 700; padding: 1rem 0; display: block; color: #fff;}
.bott{ height:auto; line-height: 1.3rem; background: #333; padding: 1.3rem;}
.bott p{ height: auto; line-height: 1.2rem;  color: #fff; text-align: center;}


.prdct_3 dl{ margin:0; position: relative; width: 50%; float: left; height: auto;}
.prdct_3 dl a{ padding: .5rem; display: block; clear: both;}
.prdct_3 dl dt{ width: 100%; height: auto; overflow: hidden;}
.prdct_3 dl dd{ width: 100%; height: 2rem; text-align: center; line-height: 2rem; font-size: .75rem; background:#ccc;}
.prdct{ padding: 1rem;}
.prdct_2 h3{ text-align: center; font-size: 1.2rem;}
.prdct_2 span{ display: block; width: 33%; height: 3px; background: #E74C3C; margin:1rem auto;}
.prdct_3 dt img{ width: 100%; transition: all .6s ease;}
.prdct_3 dt img:hover{transform:scale(1.3) }
.factory_2{  padding:1rem 2rem;}
.factory_3{padding: 1rem;}
.factory_3 img{ width: 100%;}
.factory{ padding: 1rem 0 0 0; background: #2F3D5A;}
.factory_2 h3{ font-size: 1.2rem; color: #fff; padding: 0 0 1rem 0;}
.factory_2 p{ font-size: .75rem; line-height: 34px; color: #fff; padding: 0 0 1rem 0;}
.factory_2 a{ border: solid 1px #fdc62b; width: 98%; height: 2rem; text-align: center; display: block; margin: auto; line-height: 2rem; color: #fdc62b;}
.factory_7{ width: 100%; padding: 0;}
.factory_7 img{width: 100%;}
.factory_9{ padding:1rem 0;}
.factory_9 p{ font-size: .75rem; line-height: 1.4rem; color: #333; padding: 0 0 1rem 0;}
.factory_9 h4{ font-size: 1.2rem; color: #666; text-align: center; padding: 0 0 1rem 0;}
.factory_9{ width: 100%;}
.factory_8{ padding: 1rem; background: #f5f5f5;}
.factory_13 dl{ width: 50%; padding: 0 0 1rem 0; float: left; height: auto; overflow: hidden;}
.factory_13 dl dt span{ display: block; float: left;}
.factory_13 dl dt span:nth-child(1){ font-size: 1.3rem; }
.factory_13 dl dt span:nth-child(2){ font-size: .85rem; line-height: 1.3rem; }
.factory_13 dl dt{ width: 100%; height: auto; overflow: hidden;}
.factory_13 dl dd{ font-size: .75rem; color: #666; width: 100%; clear: both; height: auto; overflow: hidden;}
.factory_13 dl:nth-child(1){ margin: 0;}
.factory_13 dl:nth-child(2){ margin: 0;}
.factory_13 dl:nth-child(3){ margin: 0;}
.factory_13{ padding: 1rem 0 0 0;}

.news_3 dl{ margin: 0 0 1rem 0; padding: 1rem 0; border-bottom: solid 1px #ddd; width: 100%; height: auto; overflow: hidden; }
.news_3 dl dt{  width: 30%; float: left; height: auto; overflow: hidden;}
.news_3 dl dd{ width: 70%; float: left; height: auto; overflow: hidden;}
.news_5{ width: 5rem; height: 5rem; background: #f5f5f5;}
.news_3 dl dt span:nth-child(1){font-size: 1.3rem; text-align: center; display: block; padding: 1rem 0 .35rem 0; }
.news_3 dl dt span:nth-child(2){font-size: .75rem; color: #666; text-align: center; display: block;}
.news_3 dl dd h3{ font-size: .85rem; color: #333; padding: 0;}
.news_3 dl dd p{ font-size: .75rem; line-height: 1.2rem; color: #666; padding:.3rem 0;}
.news{ padding: 1rem;}
.news_3{ padding: 1rem 0 0 0;}

.caves{ padding: 1rem; background: #f4f4f4;}
.caves_1{ background: #fff;}
.caves_1 dd h3{ font-size: 1.3rem; padding: 0 0 .6rem 0; font-weight: 700;}
.caves_1 dl{ width:100%; float: left; height: auto;}
.caves_1 dd span{ display: block; width: 70px; height: 3px; background: #E74C3C;}
.caves_1 dt{width: 100%; height: 12rem; overflow: hidden;}
.caves_1 dt  img{ width: 100%; transition: all .6s ease;}
.caves_1 dt  img:hover{transform:scale(1.3) }
.caves_1 dd{ display: block; padding: 1rem;}
.caves_1 div{display: none;}



}

/*PC*/
@media (min-width: 1200px) {
p{ font-size: 13px; line-height: 22px; color: #666;}
a{ font-size: 13px; color: #333;}
h1{ font-size: 30px; line-height: 40px;}
h2{ font-size: 20px; line-height: 30px;}
h3{ font-size: 18px; line-height: 26px;}
h4{ font-size: 16px; line-height: 24px;}
h5{ font-size: 14px; line-height: 24px;}
.wd1200{ width: 1200px; margin: auto;}
.wd1300{ width: 1300px; margin: auto;}
.wd110{ width: 110%;}
.wd1350{ width: 1350px; margin: auto;}
.pcnone{ display: none !important;}
.flr{ float: right;}
.fll{ float: left;}
.atall{transition: all .6s ease;}
.atall:hover{ color: #009944;}
.imgtall{transition: all .6s ease;}
.imgtall:hover{transform:scale(1.3) }
.hid1{display: none;}

.header{background: rgba(255,255,255,1); position: fixed; width: 100%; height: 120px; z-index: 800;}
.header_logo img{  width: 100%;}
.header_logo span{ text-indent: 8px; display: block; clear: both; font-size: 14px; color: #999;}
.header_r{width: 230px; float: right; padding: 10px 0 0 0;}
.header_2{ height: 120px;}
.header_tel{ padding: 0 0 5px 0; width: 220px; float: right;}
.header_logo{ width: 398px; height: auto; display: block; margin:20px 0 0 0; float: left;}
.header_tel span{ float: right; display: block; height: 28px; width: 28px; line-height: 28px; font-size: 16px; color:#302e81; font-weight: 600;}
.header_tel span:nth-child(1){ width: 220px; text-align: left;}
.header_tel span:nth-child(2){ width: 220px; text-align: left;}
.header_serch{ height: 35px; padding:0; float: right; overflow: hidden;}
.header_serch_1{ width: 223px; height: 33px; border: solid 1px #ccc; border-radius: 5px;}
.header_serch_btn{ background: none; display: block; height: 33px; width: 40px; float: right; }
.header_main{ background-color: #2f3d5a; padding:0;height: 43px; width: 100%; margin: 0;  -moz-box-shadow: 5px 5px 10px rgba(0,0,0,0.46); box-shadow: 5px 5px 10px rgba(0,0,0,0.46); }
.header_main ul{ width: 1200px; margin: auto; height: 43px; margin: auto;}
.header_main li{  position: relative;float: left; /* padding: 0 38px; */ min-width: 200px; text-align: center;}
.header_main .navhide{ z-index: 500; padding: 0;  position: absolute; left: 0; top: 43px; width: 100%;background: #f6f6f6;box-shadow: 0 3px 7px rgba(127,127,127,0.16);z-index: -999;transform: translateY(-3%) scale(.96);opacity: 0;transition: .4s .05s;visibility: hidden;}
.header_main li:hover .navhide{transform: translateY(0) scale(1);opacity: 1;visibility: visible;z-index: 999999;}	
.header_main .navhide a{transition: all .6s; display: block; clear: both; font-size: 0.9rem; width: 100%; line-height: 35px; color: #666; text-align: center;}
.header_main .navhide a:hover{ background: #f6c125; color: #fff;}
.header_main .navhide dd{ position: relative;}
.header_main .navhdd2 dl{ width: 150px; position: absolute; top: 0; right: -151px;z-index: -999;transform: translateX(-1%) scale(.96);opacity: 0;transition: .4s .05s;visibility: hidden;}
.header_main .navhdd2 dl dd a{ background: #ccc; display: block; width: 100%; height: 35px; line-height: 35px;}
.header_main .navhdd2 { position: relative;}
.header_main .navhdd2:hover  dl{transform: translateX(0) scale(1);opacity: 1;visibility: visible;z-index: 999999;}
.header_onenav{transition: all .6s ease; padding: 0 20px; margin: 0;color: #fff; height: 43px; display: block; line-height: 43px; font-size: 13px; }
.header_onenav:hover{background-color:#f6c125; color:#000}
.cur {background-color: #f6c125; color:#000}
.navclose{ display: none;}
.header_serch_txt{ width: 70%; height: 33px; font-size: 12px; text-indent: 15px; line-height: 33px;}
.topH{width: 100%; height: 163px;}
.tl_pagination{ position: absolute; bottom: 20px;z-index: 33;}



/*PC主干部分*/


.footer{ padding: 36px 0 25px 0; width: 100%; height: auto; background-color: #94989b; color: #fff;  font-size: 13px;}
.footer_2{ width: 390px; float: left;}
.footer_3{ padding: 12px 0 0 0; width: 390px; float: left;}
.footer_4{ width: 175px; float: right;}
.footer_3 dl{ padding: 0 0 5px 0; height: 22px;}
.footer_3 dl dt{ width: 22px; height: 22px; float: left;}
.footer_3 dl dd{ padding: 0 0 0 20px; /* width: 178px; */float: left; line-height: 22px; color: #fff;}
.footer_2 a{ font-size: 22px; font-weight: 700; padding: 50px 0 0 0; display: block; color: #fff;}
.bott{ height: 55px; line-height: 55px; background: #333;}
.bott p{ height: 55px; line-height: 55px;  color: #fff;}


.prdct_3 dl{ margin: 0 5px 5px 0; position: relative; width: 400px; height: 280px; float: left;}
.prdct_3 dl dt{ width: 400px; height: 280px; overflow: hidden;position:relative}
.prdct_3 dl dt img{overflow: hidden;position:absolute; width:70%; top:-50px;left:60px;}
.prdct_3 dl dd{ width: 400px; height: 35px; text-align: center; line-height: 35px; font-size: 13px; position: absolute; bottom: 0; left: 0; background: rgba(255,255,255,0.85);}
.prdct{ padding: 50px 0;}
.prdct_2 h3{ text-align: center; font-size: 25px;}
.prdct_2 span{ display: block; width: 80px; height: 3px; background: #E74C3C; margin:20px auto;}
.prdct_3 dt img{transition: all .6s ease; /* transform:rotate(90deg); */ width:100%;  }
.prdct_3 dt img:hover{transform:scale(1.3); /* transform:rotate(90deg); */}
.factory_2{ width: 460px; padding: 0 0 0 40px;}
.factory_3{ width: 560px; float: right; padding: 0 40px 0 0;}
.factory{ padding: 111px 0 0 0; background: url(../images/s_02.jpg) no-repeat center top;}
.factory_2 h3{ font-size: 18px; color: #fff; padding: 0 0 25px 0;}
.factory_2 p{ font-size: 13px; line-height: 34px; color: #fff; padding: 0 0 35px 0;}
.factory_2 a{ border: solid 1px #fdc62b; width: 145px; height: 42px; text-align: center; display: block; line-height: 42px; color: #fdc62b;}
.factory_7{ width: 560px; padding: 0 0 0 40px;}
.factory_9{ padding: 18px 0 0 108px;}
.factory_9 p{ font-size: 13px; line-height: 34px; color: #333; padding: 0 0 35px 0;}
.factory_9 h4{ font-size: 18px; color: #666; padding: 0 0 25px 0;}
.factory_9{ width: 407px;}
.factory_8{background: url(../images/dbg.jpg) no-repeat center bottom; width: 100%; height: 595px;}
.factory_13 dl{ width: 162px; float: left; height: auto; overflow: hidden;}
.factory_13 dl dt span{ display: block; float: left;}
.factory_13 dl dt span:nth-child(1){ font-size: 30px; }
.factory_13 dl dt span:nth-child(2){ font-size: 20px; line-height: 40px; }
.factory_13 dl dt{ width: 100%; height: auto; overflow: hidden;}
.factory_13 dl dd{ font-size: 13px; color: #666; width: 100%; clear: both; height: auto; overflow: hidden;}
.factory_13 dl:nth-child(1){ margin: 0 50px 0 130px;}
.factory_13 dl:nth-child(2){ margin: 0 80px 0 80px;}
.factory_13 dl:nth-child(3){ margin: 0 140px 0 60px;}
.factory_13{ padding: 65px 0 0 0;}

.news_3 dl{ margin: 0 40px 15px 0; padding: 30px 0; border-bottom: solid 1px #ddd; width: 580px; float: left; height: auto; overflow: hidden; }
.news_3 dl dt{  width: 110px; float: left; height: auto; overflow: hidden;}
.news_3 dl dd{ width: 462px; float: left; height: auto; overflow: hidden;}
.news_5{ width: 76px; height: 76px; background: #f5f5f5;}
.news_3 dl dt span:nth-child(1){font-size: 20px; text-align: center; display: block; padding: 20px 0 5px 0; }
.news_3 dl dt span:nth-child(2){font-size: 12px; color: #666; text-align: center; display: block;}
.news_3 dl dd h3{ font-size: 16px; color: #333; padding: 0;}
.news_3 dl dd p{ font-size: 13px; line-height: 24px; color: #666; padding:5px 0;}
.news{ padding: 50px 0;}
.news_3{ padding: 35px 0 0 0;}

.caves{ padding: 50px 0; background: #f4f4f4;}
.caves_1{ background: #fff;}
.caves_1 dd h3{ font-size: 20px; font-weight: 700;}
.caves_1 dl{ width:400px; float: left; height: 200px;}
.caves_1 dd span{ display: block; /* width: 70px; */ height: 3px; background: #E74C3C;}
.caves_1 dd span div{ width:100%; height: 35px; line-height: 35px;}
.caves_1 dt{width: 400px; height: 200px; overflow: hidden;}
.caves_1 dt  img{ width: 100%; transition: all .6s ease;}
.caves_1 dt  img:hover{transform:scale(1.3) }
.caves_1 dd{ display: block; padding: 35px 40px;}


}